body{
  background-color:rgba(235, 232, 255, 0.87);
}
li{
  list-style: none;
}
.blog{
  position: relative;
  top: 70px;
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
  color: #555454;
  ul{
    li{
      list-style: none;
      margin-bottom: 20px;
      border: 2px solid #cecfdb;
      border-radius: 15px;
      background-color: #ecffe4;
      .title{
        padding:10px 30px 20px 30px;
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        line-height: 40px;
        color: rgba(255, 155, 242, 0.87);
        font-size: 25px;
      }
      .bottom{
        background-color: #685a6d;
        font-family:  Georgia, "Times New Roman", Times, serif;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        padding: 15px;
        .createTime{
          padding: 5px;
          color: #1e88e5;
          border-radius: 7px;
          background-color: rgba(169, 226, 244, 0.87);
        }
        .updateTime{
          padding: 5px;
          margin-left: 15px;
          color: rgba(5, 15, 2, 0.87);
          border-radius: 7px;
          background-color: rgba(244, 224, 123, 0.87);
        }
        .full_text{
          float: right;
          padding: 5px 15px;
          border-radius: 7px;
          background-color: rgba(120, 168, 255, 0.87);
          cursor: pointer;
          a{
            color: rgba(246, 255, 255, 0.87);
          }
        }
      }
      .describe{
        padding:0 30px 30px 30px;
        font-size: 15px;
      }
    }
    li:nth-of-type(even){
      border: 2px solid #d7e3ff;
      background-color: #fff4fb;
      .bottom{
        background-color: #60676d;
      }
      .title{
        color: rgba(86, 155, 255, 0.87);
      }
    }
  }

}
#pagination{
  width: 1000px;
  margin: 30px auto;
}